/* 颜色变量 */

/* 行为相关颜色 */
$sm-color-primary: #10b463;
$sm-color-success: #4cd964;
$sm-color-warning: #ffd549;
$sm-color-error: #dd524d;

/* 文字基本颜色 */
$sm-text-color:#333;//基本色
$sm-text-color-li:rgb(156, 156, 156);//基本色 减淡
$sm-text-color-inverse:#fff;//反色
$sm-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$sm-text-color-placeholder: #808080;
$sm-text-color-disable:#c0c0c0;

/* 背景颜色 */
$sm-bg-color:#ffffff;
$sm-bg-color-grey:#f8f8f8;
$sm-bg-color-hover:#f1f1f1;//点击状态颜色
$sm-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$sm-border-color:#EDECE8;
// $sm-border-color:#c8c7cc;

/* 块元素高度 */
$sm-height-px-base: 100px;
$sm-height-px-lg: 150px;

/* 行元素宽度 % lin*/
$sm-width-px-base: 48%;
$sm-width-px-max: 100%;

/* 文字尺寸 */
$sm-font-size-sm:12px;
$sm-font-size-base:14px;
$sm-font-size-lg:16px;
$sm-font-size-xl:22px;
$sm-font-size-xxl:32px;

/* 文字尺寸 vh lin*/
$sm-font-sizeVH-xm: 1vh;
$sm-font-sizeVH-sm: 2vh;
$sm-font-sizeVH-md: 2.5vh;
$sm-font-sizeVH-base: 4vh;
$sm-font-sizeVH-lg: 6vh;

/* 图片尺寸 */
$sm-img-size-xm: 12px;
$sm-img-size-mini: 18px;
$sm-img-size-sm: 20px;
$sm-img-size-base: 26px;
$sm-img-size-md: 32px;
$sm-img-size-lg: 40px;
$sm-img-size-lgp: 50px;
$sm-img-size-xl: 60px;
$sm-img-size-xxl: 80px;
$sm-img-size-xxxl: 90px;
$sm-img-size-max: 114px;
$sm-img-size-maxp: 150px;

/* 图片尺寸 % lin */
$sm-img-per-xxm: 5%;
$sm-img-per-xm: 20%;
$sm-img-per-mini: 30%;
$sm-img-per-sm: 40%;
$sm-img-per-md: 45%;
$sm-img-per-base: 50%;
$sm-img-per-lg: 60%;
$sm-img-per-xxl: 80%;
$sm-img-per-xxxl: 90%;
$sm-img-per-max: 100%;

/* Icon尺寸 px lin */
$sm-icon-px-sm: 10px;
$sm-icon-px-base: 20px;
$sm-icon-px-bp: 24px;
$sm-icon-px-md: 28px;
$sm-icon-px-lg: 36px;
$sm-icon-px-xl: 40px;
$sm-icon-px-xxl: 100px;


/* Border Radius */
$sm-border-radius-md: 5px;
$sm-border-radius-sm: 2px;
$sm-border-radius-base: 3px;
$sm-border-radius-lg: 6px;
$sm-border-radius-circle: 50%;

/* 区域边距 lin */
$sm-spaceing-block-lg: 30px;
$sm-spaceing-block-base: 20px;
$sm-spaceing-block-md: 16px;
$sm-spaceing-block-sm: 10px;
$sm-spaceing-block-mini: 5px;
$sm-spaceing-block-xm: 2px;

/* 伪类元素宽度 lin */
$sm-pseudo-width-sm: 4px;
$sm-pseudo-width-md: 6px;
$sm-pseudo-width-base: 10px;
$sm-pseudo-width-lg: 12px;
$sm-pseudo-width-xl: 18px;

/* 伪类元素高度 lin */
$sm-pseudo-height-sm: 4px;
$sm-pseudo-height-md: 6px;
$sm-pseudo-height-base: 10px;
$sm-pseudo-height-lg: 12px;
$sm-pseudo-height-xl: 18px;

/* 水平间距 */
$sm-spacing-row-sm: 5px;
$sm-spacing-row-md: 8px;
$sm-spacing-row-base: 10px;
$sm-spacing-row-lg: 15px;

/* 垂直间距 */
$sm-spacing-col-sm: 4px;
$sm-spacing-col-md: 6px;
$sm-spacing-col-base: 8px;
$sm-spacing-col-lg: 12px;
$sm-spacing-col-xl: 18px;
$sm-spacing-col-xxl: 50px;

/* 透明度 */
$sm-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$sm-color-title: #2C405A; // 文章标题颜色
$sm-font-size-title: 20px;
$sm-color-subtitle: #555555; // 二级标题颜色
$sm-font-size-subtitle: 18px;
$sm-color-paragraph: #3F536E; // 文章段落颜色
$sm-font-size-paragraph: 15px;